<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">

    <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/tcplayer.min.css" rel="stylesheet" />
    <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 Webrtc 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 TXLivePlayer-x.x.x.min.js。-->
    <!--有些浏览器环境不支持 Webrtc，播放器会将 Webrtc 流地址自动转换为 HLS 格式地址，因此快直播场景同样需要引入hls.min.x.xx.xm.js。-->
    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.1/libs/TXLivePlayer-1.2.0.min.js"></script>
    <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 协议的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 hls.min.x.xx.xm.js。-->
    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/libs/hls.min.0.13.2m.js"></script>
    <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 FLV 格式的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 flv.min.x.x.x.js。-->
    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/libs/flv.min.1.6.2.js"></script>
    <!--播放器脚本文件-->
    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/tcplayer.v4.5.2.min.js"></script>
    <style>
        .player_user {
            position: absolute;
            top: 0px;
            color: white;
            left: 0;
            height: 30px;
            line-height: 30px;
            width: calc(100% - 25px);
            background-color: #00000030;
            padding: 0px 10px;
        }

        .player_user em {
            float: right;
            cursor: pointer;
            font-style: normal;
        }

        .player_user em:hover {
            color: red;
        }
    </style>
</head>

<body>

    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title layui_tab_title">
                    <li class="layui-this"><a href="/admin/live/dashboard">直播视频监控</a></li>
                    <li class=""><a href="/admin/chat/log">用户聊天日志</a></li>
                    <li class=""><a href="/admin/chat/live_chat">直播间聊天监控</a></li>
                </ul>
            </div>

            <div class="layui-card-body">
                <table id="LAY-live-status-manage" lay-filter="LAY-live-status-manage"></table>
            </div>
        </div>
    </div>

    <script src="/layuiadmin/layui/layui.js"></script>
    <script src="/assets/ue/third-party/jquery-1.10.2.js"></script>


    <script>
        layui.config({
            base: '/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'laypage', 'live_status'], function () {
        });


        $('.viewChat').click(function () {
            var anchor_id = $(this).data('ahchorid');
            var layer_chat_window = layer.open({
                type: 2,
                title: "查看直播间聊天",
                content: "{:url('chat/log')}?anchor_id=" + anchor_id,
                maxmin: true,
                area: ["800px", "460px"],
            });
            layer.full(layer_chat_window);
        });

    </script>
</body>

</html>